<%@ page contentType="text/html; charset=UTF-8" language="java" isErrorPage="false" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册成为组织</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <link rel="Shortcut Icon" href="../../images/logo.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="/css/bootstrap.css">
    <style>
        .form-signin {
            width: 100%;
            max-width: 330px;
            padding: 15px;
            margin: auto;
        }
    </style>
</head>
<body>
<!-- 头部导航栏 -->
<%@ include file="header.jsp" %>
<!--注册成为组织的表单 -->
<section class="mt-5 text-center">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 col-sm-12 shadow">
                <form class="form-signin">
                    <h1 class="h3 mb-3 font-weight-normal mt-5 mb-5">组织注册</h1>
                    <div class="form-group row">
                        <label for="inputUsername" class="col-3">用户名:</label>
                        <input type="text" id="inputUsername" name="username" class="form-control col-9"
                               placeholder="Username" required autofocus="">
                    </div>
                    <div class="form-group row">
                        <label for="inputPassword" class="col-3">密码:</label>
                        <input type="password" id="inputPassword" name="password" class="form-control col-9"
                               placeholder="Password" required>
                    </div>
                    <div class="form-group row">
                        <label for="inputNickname" class="col-3">昵称:</label>
                        <input type="text" id="inputNickname" name="nickname" class="form-control col-9"
                               placeholder="Nickname" required>
                    </div>
                    <div class="form-group row">
                        <label for="inputIdentifyName" class="col-3">认证名:</label>
                        <input type="text" id="inputIdentifyName" name="identify_name" class="form-control col-9"
                               placeholder="IdentifyName" required>
                    </div>
                    <div class="form-group row">
                        <label for="inputType" class="col-3" style="padding-right: 0px;padding-left: 0px;">组织类型:</label>
                        <select class="form-control col-9" name="identify_type" id="inputType">
                            <option value="1">校级</option>
                            <option value="2">院级</option>
                            <option value="3">协会</option>
                        </select>
                    </div>
                    <div class="form-group row">
                        <label for="inputDescription" class="col-3" style="padding-right: 0px;padding-left: 0px;">组织描述:</label>
                        <textarea class="form-control col-9" name="description" id="inputDescription" rows="3"
                                  placeholder="description" required></textarea>
                    </div>
                    <button class="btn btn-lg btn-primary btn-block m-auto" style="max-width: 80px;"
                            id="associationregister" type="button" onclick="associationRegister()">提交
                    </button>
                    <span id="msg" class="ml-2"></span>
                    <div class="dropdown-divider"></div>
                    <div class="row">
                        <div class="col-6 text-left small"><a href="/login"
                                                              style="text-decoration: none;">已经有账号?返回登陆</a></div>
                        <div class="col-6 text-right small"><a href="/register/type=1" style="text-decoration: none;">想要注册为普通用户?</a>
                        </div>
                    </div>
                    <p class="mt-5 mb-3 text-muted">©WDNMD 2020</p>
                </form>
            </div>
        </div>
    </div>
</section>


<!--引入JQuery,再引入popper.js，最后引入bootstrap.js-->
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.bundle.js"></script>
<script src="/js/action.js"></script>
</body>
</html>